<back-to-top class="back_top" title="返回顶部"></back-to-top>
<div class="tab-pane fade in active" >
    <div class="row">
    	<div class="col-md-8">
    		<table class="table mtable" ng-repeat="order in list">
                <tr class="me-tab-4-title">
                    <td>{{order.created | date:"yyyy/MM/dd"}}</td>
                    <td colspan="3">订单号：{{order.orderid}}</td>
                    <td>{{order.status | orderStatus}}</td>
                </tr>
                <tr>
                    <td><br>{{order.post.name}}</td>
                    <td>数量：<span>x {{order.post.number}}</span>
                        <br>
                        单价 ￥{{order.post.price}}
                        <br>
                        运费 ￥{{order.post.yprice}}
                    </td>
                    <td>
                        <br>
                        总额 <span>￥{{order.payAmount}}</span>
                        <!-- <p class="jifen">积分+109</p> -->
                    </td>
                    <td><br>物流：{{order.status=='0'|| order.status=='1'?'等待处理':order.express}}</td>
                    <td ng-if="order.status=='0'">
                        <br>
                        <button class="btn btn-danger" ui-sref="m2order({orderid:order.orderid})">继续付款</button>
                        <i class="glyphicon glyphicon-trash" 
                        ng-click="xuanze(order.orderid, order.pid)"
                        data-toggle="modal" data-target="#cancel"></i>
                    </td>
                    <td ng-if="order.status=='1'">
                        <BR>
                        已通知商家
                    </td>
                    <td ng-if="order.status=='2'">
                        <br>
                        <button class="btn btn-danger" 
                        ng-click="xuanze(order.orderid, order.pid)"
                        data-toggle="modal" data-target="#hasok">确认收货</button>
                    </td>
                    <td ng-if="order.status=='3'">
                        <br>
                        交易完成
                    </td>
                    <td ng-if="order.status=='10'">
                        <br>
                        退款处理完成
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td colspan="4">规格：<label>无</label></td>
                </tr>
                <tr>
                    <td colspan="5" style="text-align:right">收货地址：{{order.addr.name + ' - ' + order.addr.mobile + ' - ' + order.addr.addr}}</td>
                </tr>
            </table>
    	</div>
    	<div class="col-md-4">
            <div class="alert alert-info" role="alert">
                <br><h4>在线客服</h4>
                <div>
                    <img src="images/me/me.png">
                </div>
                <br>
            </div>
            <div class="alert alert-info" role="alert">
                <br><h4>购买流程</h4>
                <p>下单 - 支付 - 发货 - 物流 - 确认收货并评价 - 交易完成。</p>
                <br>
            </div>
            <div class="alert alert-info" role="alert">
                <br><h4>注意</h4>
                <p>1. 如有问题请联系在线客服</p>
                <p>2. 对于已收货超过7天未处理系统默认处理为交易完成。</p>
                <br>
            </div>
    	</div>
    </div>
</div>


<!-- 模态框（Modal） -->
<div class="modal fade" id="hasok" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-6">星级评分</div>
                    <div class="col-md-6">
                        <select ng-model="comment.score">
                            <option value="1">一星</option>
                            <option value="2" selected>二星</option>
                            <option value="3">三星</option>
                            <option value="4">四星</option>
                            <option value="5">五星</option>
                        </select>
                    </div>
                    <div class="col-md-12 content">
                       <input type="text" maxlength="100" class="form-control" 
                        ng-model="comment.content"
                        placeholder="请输入你要评价的内容"> 
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" ng-click="reply()">确定收货</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<!-- 模态框（Modal） -->
<div class="modal fade" id="cancel" tabindex="-1" role="dialog" aria-labelledby="cancelLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body" style="text-align: center;">
                是否取消订单？
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" ng-click="deleteOk()">确定</button>
            </div>
        </div>
    </div>
</div>


<style>
    table{
        margin-top: 10px;
    }
    .mtable table{
        width: 100%;
        min-width: 1000px;
        color: #303030;
    }
    .mtable td{
        border: 1px solid #000;
         font-size: 14px;
    }
    .me-tab-4-title{
        background: #f5f5f5;
        font-size: 12px;
        color: #9E9E9E;
    }
    .jifen{
        border-top: 1px solid #ddd;
        padding-left: 4px;
        font-size: 10px;
    }
    .mtable>tbody>tr>td{
        border-color: #607d8b;
    }

    .alert h4{
        font-weight: bold;
        color: #000;
    }
    .glyphicon-trash{
        color: #F44336;
    }
    .table{
        font-size: 16px;
    }
    .length{
        width: 120px;
    }
    .col-md-4 p{
        font-size: 14px;
    }
    .content{
        padding-top: 20px;
    }
    .form-control{
        height: 60px;
    }
    .col-md-6{
        margin-top: 20px;
        font-size: 15px;
    }
    .col-md-6 select{
        width: 200px;
        height: 30px;
    }
    span{
        color: #e4393c;
        font-size: 16px;
    }

</style>
